spb/datacenterindex

1import { Page } from "@/components/ui/card";2import { Skeleton, SkeletonBlock, SkeletonRows } from "@/components/ui/skeleton";34export default function Loading() {5  return (6    <Page className="py-4" aria-busy>7      <Skeleton className="mb-4 h-3 w-40" />8      <Skeleton className="mb-2 h-3 w-24" />9      <Skeleton className="mb-3 h-7 w-3/4 max-w-[480px]" />10      <div className="mb-5 flex gap-2">11        <Skeleton className="h-5 w-24" />12        <Skeleton className="h-5 w-20" />13        <Skeleton className="h-5 w-16" />14      </div>15      <div className="grid grid-cols-3 gap-4 border-y border-hair py-3 sm:grid-cols-6">16        {Array.from({ length: 6 }).map((_, i) => (17          <div key={i} className="flex flex-col gap-2">18            <Skeleton className="h-7 w-16" />19            <Skeleton className="h-2.5 w-20" />20          </div>21        ))}22      </div>23      <div className="mt-6 grid gap-4 md:grid-cols-2">24        <SkeletonRows rows={5} />25        <SkeletonBlock className="h-[220px]" />26      </div>27      <SkeletonRows rows={6} className="mt-8" />28    </Page>29  );30}31